<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/aliance.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <style type="text/css">
    	body{
    		background: #FFFFFF;
    	}
    	.aui-margin-b-15{
    		margin-top: 0.5rem;
    	}
    	.aui-grid .aui-grid-label{
    		height: 1rem;
    	}
    	.aui-col-xs-3{
    		width: 20%;
    		height: 4rem;
    		padding-top: 2rem;
    	}
    	.aui-margin-b-15 .aui-grid-label{
    		font-size: .6rem;
    	}
    	.img-size img{
    		width: 1.65rem;
    		height: 1.65rem;
    		margin-top: 0.6rem;
    	}
    	
    	.aui-grid [class*=aui-col-]{
    		padding-top: 0;
    	}
    </style>
    <script src="../../js/api.js"></script>
    <script src="../../js/libs/zepto.min.js"></script>
    <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/libs/swiper.min.js"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script>
		setToken();
        $(function () {
            var app = new Vue({
                el: '#app',
                data: {
                    fenlei: [],
                },
                mounted:function(){
                	this.$nextTick(function(){
                		this.myFenLei();
                	})
                },
                methods:{
                	myFenLei : function(){
                		this.$http.get(SURL+"app/site/industry",{params:{"type": 0}}).then(function(res){
	                   			console.log(res.body.data)
	                   			this.fenlei = res.body.data;
	                		}).catch(function(req){
                			
                		});
                		
                	},
                	go_detail:function(id,Name){//方法
                		if(id != 10086){
                			location.href="allDetails.html?hyId="+id+'&hyName='+Name;
                		}else{
                			location.href="more.html";
                		}
						
					},
                	
                }
            });

            $('.hm-bar').load('../../data/headerOther.html',function (data) {
                $(this).find('.head-main').text('更多');
                $(this).find('.hm-bar-box').css('position','static');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                });
            });
            $('.footer').load('../../data/footer.html');


        })
    </script>
    <title>更多</title>
</head>
<body>
	<div class="hm-bar"></div>
<div id="app">
    <!--导航-->
    <div class="aui-grid aui-margin-b-15">
        <div class="aui-row">
            <div class="aui-col-xs-3" v-for="(v,i) in fenlei" @click="go_detail(v.hyId,v.hyName)">
                <div class="img-size">
                    <img :src="imgUrl + v.icon" alt="">
                </div>
                <div class="aui-grid-label">{{v.hyName}}</div>
            </div>
        </div>
    </div>
</div>    
    <!--页尾-->
</body>
</html>